<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购网站-首页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/slider.css">
    <!-- <link rel="stylesheet" href="../css/slider.css"> -->
</head>

<body>
    <!-- 头部第一行 -->
    <div class="top">
        <div class="wrap clearfix">
            <!-- 头部网址 -->
            <div class="website fl">legochina.cn</div>
            <!-- 注册 -->
            <div class="register fr">欢迎光临<a>乐购</a>，请 登录\<a href="#">注册</a></div>
        </div>
    </div>
    <!-- 头部第二行 -->
    <div class="wrap clearfix">
        <!-- logo图标 -->
        <div class="logo fl">
            <img src="../imgs/logo.jpg" alt="">
        </div>
        <!-- 右边搜索框和购物车 -->
        <div class="rgihtShopping fr clearfix">
            <!-- 右边 搜索框-->
            <div class="Searchbox clearfix fl">
                <!-- input框 -->
                <input type="text" class="fl" placeholder="创意文具">
                <!-- 图片 -->
                <button class="img fr"></button>
            </div>
            <!-- 购物车和我的订单 -->
            <div class="rgihtShoppinglogo fr clearfix ">
                <!-- 购物车 -->
                <div class="Shoppinglogo fl clearfix">
                    <div class="img fl"></div>
                    <a href="" class="text fl">购物车 3</a>
                </div>
                <!-- 我的订单 -->
                <a href="" class="Myorder fl">我的订单</a>
            </div>
            <!--下面的文字导览  -->
            <div class="words">
                <a href="">图书</a>
                <a href="">电子书</a>
                <a href="">原创文学</a>
                <a href="">服装</a>
                <a href="">运动户外</a>
                <a href="">孕婴童</a>
                <a href="">家居</a>
                <a href="">创意文具</a>
                <a href="">地方特产</a>
                <a href="">海外购</a>
                <a href="">电器城</a>
            </div>
        </div>
    </div>
    <!-- 轮播和子菜单 -->
    <div class="cenner">
        <!-- 版心 -->
        <div class="wrap clearfix">
            <!-- 子菜单 -->
            <div class="Submenu fl">
                <ul class="navbox">
                    <li class="">
                        <p>
                            <a>图书、电子书、童书</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>创意文具</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>服饰、内衣</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>鞋靴、箱包</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>运动户外</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>孕、婴、童</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>家居、家纺、汽车</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>家具、家装、康体</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>美妆、个人护理、成人</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>食品、茶酒、生鲜</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>腕表、珠宝、眼镜</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>手机、数码</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>电脑办公</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="">
                        <p>
                            <a>家用电器</a>
                        </p>
                        <!-- 子菜单内容 -->
                        <div class="cd">
                            <!-- 子菜单内容头部文字 -->
                            <div class="toptext">
                                <a>图书馆>></a>
                                <a>儿童书馆>></a>
                                <a>电子书馆>></a>
                            </div>
                            <ul>
                                <li>
                                    <p>文艺</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星</p>
                                </li>
                                <li>
                                    <p>人文社科</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 历史 政治军事 文化 心理学 法律</p>
                                </li>
                                <li>
                                    <p>管理</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 经济 投资理财 金融 互联网</p>
                                </li>
                                <li>
                                    <p>励志</p>
                                    <hr>
                                    <p>小说 文学 传记 青春 动漫 艺术 摄影 明星 励志成功 职场 心灵修养</p>
                                </li>
                                <li>
                                    <p>教育</p>
                                    <hr>
                                    <p>中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研</p>
                                </li>
                                <li>
                                    <p>科技</p>
                                    <hr>
                                    <p>科普读物 计算机\网络 医学 工业技术 建筑 自然科学</p>
                                </li>
                                <li>
                                    <p>生活</p>
                                    <hr>
                                    <p>两性 孕期 育儿 保健 运动 休闲 旅游 美食 美妆 家居 生活 健身</p>
                                </li>
                                <li>
                                    <p>进口书</p>
                                    <hr>
                                    <p>英文进口书 杂志 港台进口书 进口艺术画册</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 轮播图 -->
            <div class="lun fl">
                <!-- 底部小按钮 -->
                <div class="btns">
                    <a class="on">1</a>
                    <a>2</a>
                    <a>3</a>
                    <a>4</a>
                    <a>5</a>
                </div>
                <!-- 图片-->
                <div class="imgs">
                    <img class="current" src="../imgs/banner1.jpg" alt="">
                    <img src="../imgs/banner2.jpg" alt="">
                    <img src="../imgs/banner1.jpg" alt="">
                    <img src="../imgs/banner4.jpg" alt="">
                    <img src="../imgs/banner2.jpg" alt="">
                </div>
                <!-- 左键头 -->
                <a class="leftbtn">
                    < </a>
                        <!-- 右箭头 -->
                        <a class="rightbtn"> > </a>
            </div>
        </div>

    </div>
    <!-- 乐购·今日推荐 -->
    <div class="Recommended">
        <!-- 版心 -->
        <div class="wrap">
            <!-- 乐购·今日推荐这几个字 -->
            <div class="text">乐购·今日推荐
                <!-- 线 -->
                <div class="Line"></div>
            </div>
            <!-- 内容 -->
            <!-- 大盒子 -->
            <div class="box clearfix">
                <!-- 每个盒子 -->
                <div class="boximg fl">
                    <img src="../imgs/index06_05.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_05.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_05.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_05.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_05.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_05.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_11.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>小熊家用静音加湿器</p>
                    <p>唯美外观 微米级喷雾</p>
                    <p>￥:89</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_11.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>小熊家用静音加湿器</p>
                    <p>唯美外观 微米级喷雾</p>
                    <p>￥:89</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_11.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>小熊家用静音加湿器</p>
                    <p>唯美外观 微米级喷雾</p>
                    <p>￥:89</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_11.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>小熊家用静音加湿器</p>
                    <p>唯美外观 微米级喷雾</p>
                    <p>￥:89</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_11.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>小熊家用静音加湿器</p>
                    <p>唯美外观 微米级喷雾</p>
                    <p>￥:89</p>
                </div>
                <div class="boximg fl">
                    <img src="../imgs/index06_11.jpg" alt="">
                    <p><img src="../imgs/index05_18.jpg" alt=""></p>
                    <p>小熊家用静音加湿器</p>
                    <p>唯美外观 微米级喷雾</p>
                    <p>￥:89</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 图书 电子书 部分 -->
    <div class="books">
        <!-- 版心 -->
        <div class="wrap clearfix">
            <!-- 头部字体 -->
            <div class="bookstext clearfix">
                <div class="text fl">图书 电子书</div>
                <div class="booksbtn fr">
                    <ul>
                        <li class="fl">最新上架</li>
                        <li class="fl">独家畅销</li>
                        <li class="fl">电子书</li>
                    </ul>
                </div>
                <div class="Line"></div>
            </div>

            <!-- 下面最左边的盒子 -->
            <div class="leftbox fl currentt">
                <img src="../imgs/index7_07.jpg" alt="">
                <!-- 下面的字 -->
                <div class="leftboxtext">
                    <p><a href="">中小学教辅</a>
                        <a href="">外语</a>
                        <a href="">考试</a>
                    </p>
                    <p><a href="">小说</a>
                        <a href="">文学</a>
                        <a href="">青春文学</a>
                    </p>
                    <p><a href="">成功\励志</a>
                        <a href="">管理</a>
                        <a href="">历史</a>
                    </p>
                    <p><a href="">哲学\宗教</a>
                        <a href="">亲子\家教</a>
                        <a href="">全部分类></a>
                    </p>
                </div>
                <!-- 下面第二个盒子 -->
                <div class="bookslun fl">
                    <!-- 底下小按钮 -->
                    <div class="booksbtns">
                        <a class="ons">--</a>
                        <a>--</a>
                        <a>--</a>
                        <a>--</a>
                    </div>
                    <!-- 图片 -->
                    <div class="bookimgs">
                        <img class="currents" src="../imgs/ppt2_05.jpg" alt="">
                        <img src="../imgs/dsshbanner-zr-0914.jpg" alt="">
                        <img src="../imgs/ppt2_05.jpg" alt="">
                        <img src="../imgs/dsshbanner-zr-0914.jpg" alt="">
                    </div>
                    <!-- 左键头 -->
                    <a class="leftbtns">
                        < </a>
                            <!-- 右箭头 -->
                            <a class="rightbtns"> > </a>
                            <!-- 第二个盒子下面 -->
                            <div class="box fl">
                                <!-- 小box -->
                                <div class="xbox fl">
                                    <a>奥运狂欢</a>
                                    <p>10万种电子书 直降40%</p>
                                    <img src="../imgs/index09_05.jpg" alt="">
                                    <p>￥49</p>
                                </div>
                                <div class="xbox fl">
                                    <a>奥运狂欢</a>
                                    <p>10万种电子书 直降40%</p>
                                    <img src="../imgs/index09_05.jpg" alt="">
                                    <p>￥49</p>
                                </div>
                            </div>
                </div>
                <div class="box1 fl">
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                </div>
            </div>
            <div class="leftbox fl ">
                <img src="../imgs/index7_07.jpg" alt="">
                <!-- 下面的字 -->
                <div class="leftboxtext">
                    <p><a href="">高小学教辅</a>
                        <a href="">外语</a>
                        <a href="">考试</a>
                    </p>
                    <p><a href="">小说</a>
                        <a href="">文学</a>
                        <a href="">青春文学</a>
                    </p>
                    <p><a href="">成功\励志</a>
                        <a href="">管理</a>
                        <a href="">历史</a>
                    </p>
                    <p><a href="">哲学\宗教</a>
                        <a href="">亲子\家教</a>
                        <a href="">全部分类></a>
                    </p>
                </div>
                <!-- 下面第二个盒子 -->
                <div class="bookslun fl">
                    <!-- 底下小按钮 -->
                    <div class="booksbtns">
                        <a class="ons">--</a>
                        <a>--</a>
                        <a>--</a>
                        <a>--</a>
                    </div>
                    <!-- 图片 -->
                    <div class="bookimgs">
                        <img class="currents" src="../imgs/ppt2_05.jpg" alt="">
                        <img src="../imgs/dsshbanner-zr-0914.jpg" alt="">
                        <img src="../imgs/ppt2_05.jpg" alt="">
                        <img src="../imgs/dsshbanner-zr-0914.jpg" alt="">
                    </div>
                    <!-- 左键头 -->
                    <a class="leftbtns">
                        < </a>
                            <!-- 右箭头 -->
                            <a class="rightbtns"> > </a>
                            <!-- 第二个盒子下面 -->
                            <div class="box fl">
                                <!-- 小box -->
                                <div class="xbox fl">
                                    <a>奥运狂欢</a>
                                    <p>10万种电子书 直降40%</p>
                                    <img src="../imgs/index09_05.jpg" alt="">
                                    <p>￥49</p>
                                </div>
                                <div class="xbox fl">
                                    <a>奥运狂欢</a>
                                    <p>10万种电子书 直降40%</p>
                                    <img src="../imgs/index09_05.jpg" alt="">
                                    <p>￥49</p>
                                </div>
                            </div>
                </div>
                <div class="box1 fl">
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                </div>

            </div>
            <div class="leftbox fl ">
                <img src="../imgs/index7_07.jpg" alt="">
                <!-- 下面的字 -->
                <div class="leftboxtext">
                    <p><a href="">大小学教辅</a>
                        <a href="">外语</a>
                        <a href="">考试</a>
                    </p>
                    <p><a href="">小说</a>
                        <a href="">文学</a>
                        <a href="">青春文学</a>
                    </p>
                    <p><a href="">成功\励志</a>
                        <a href="">管理</a>
                        <a href="">历史</a>
                    </p>
                    <p><a href="">哲学\宗教</a>
                        <a href="">亲子\家教</a>
                        <a href="">全部分类></a>
                    </p>
                </div>
                <!-- 下面第二个盒子 -->
                <div class="bookslun fl">
                    <!-- 底下小按钮 -->
                    <div class="booksbtns">
                        <a class="ons">--</a>
                        <a>--</a>
                        <a>--</a>
                        <a>--</a>
                    </div>
                    <!-- 图片 -->
                    <div class="bookimgs">
                        <img class="currents" src="../imgs/ppt2_05.jpg" alt="">
                        <img src="../imgs/dsshbanner-zr-0914.jpg" alt="">
                        <img src="../imgs/ppt2_05.jpg" alt="">
                        <img src="../imgs/dsshbanner-zr-0914.jpg" alt="">
                    </div>
                    <!-- 左键头 -->
                    <a class="leftbtns">
                        < </a>
                            <!-- 右箭头 -->
                            <a class="rightbtns"> > </a>
                            <!-- 第二个盒子下面 -->
                            <div class="box fl">
                                <!-- 小box -->
                                <div class="xbox fl">
                                    <a>奥运狂欢</a>
                                    <p>10万种电子书 直降40%</p>
                                    <img src="../imgs/index09_05.jpg" alt="">
                                    <p>￥49</p>
                                </div>
                                <div class="xbox fl">
                                    <a>奥运狂欢</a>
                                    <p>10万种电子书 直降40%</p>
                                    <img src="../imgs/index09_05.jpg" alt="">
                                    <p>￥49</p>
                                </div>
                            </div>
                </div>
                <div class="box1 fl">
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                    <div class="xbox fl">
                        <a>奥运狂欢</a>
                        <p>10万种电子书 直降40%</p>
                        <img src="../imgs/index09_05.jpg" alt="">
                        <p>￥49</p>
                    </div>
                </div>

            </div>
            <!-- 右边的 -->
            <div class="browse fr">
                <ul class="browsenav">
                    <li class="">
                        <p>
                            <a>1 就喜欢你看不惯我 又干不</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="zcd">
                            <p>新书畅销榜</p>
                            <div class="rightbookzi clearfix">
                                <div class="imgs fl">1<img src="../imgs/index08_05.jpg" alt=""></div>
                                <div class="text fl">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <p>
                            <a>2 就喜欢你看不惯我 又干不</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="zcd">
                            <p>新书畅销榜</p>
                            <div class="rightbookzi clearfix">
                                <div class="imgs fl">2<img src="../imgs/index08_05.jpg" alt=""></div>
                                <div class="text fl">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <p>
                            <a>3 就喜欢你看不惯我 又干不</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="zcd">
                            <p>新书畅销榜</p>
                            <div class="rightbookzi clearfix">
                                <div class="imgs fl">3<img src="../imgs/index08_05.jpg" alt=""></div>
                                <div class="text fl">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <p>
                            <a>4 就喜欢你看不惯我 又干不</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="zcd">
                            <p>新书畅销榜</p>
                            <div class="rightbookzi clearfix">
                                <div class="imgs fl">4<img src="../imgs/index08_05.jpg" alt=""></div>
                                <div class="text fl">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <p>
                            <a>5 就喜欢你看不惯我 又干不</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="zcd">
                            <p>新书畅销榜</p>
                            <div class="rightbookzi clearfix">
                                <div class="imgs fl">5<img src="../imgs/index08_05.jpg" alt=""></div>
                                <div class="text fl">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <p>
                            <a>6 就喜欢你看不惯我 又干不</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="zcd">
                            <p>新书畅销榜</p>
                            <div class="rightbookzi clearfix">
                                <div class="imgs fl">6<img src="../imgs/index08_05.jpg" alt=""></div>
                                <div class="text fl">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <p>
                            <a>7 就喜欢你看不惯我 又干不</a>
                        </p>
                        <!-- 子菜单 -->
                        <div class="zcd">
                            <p>新书畅销榜</p>
                            <div class="rightbookzi clearfix">
                                <div class="imgs fl">7<img src="../imgs/index08_05.jpg" alt=""></div>
                                <div class="text fl">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- clothing服装 -->
    <div class="clothing">
        <!-- 版心 -->
        <div class="wrap clearfix">
            <!-- 上面的字 -->
            <div class="topbox clearfix">
                <p class="fl">服装</p>
                <div class="btns fr clearfix">
                    <ul>
                        <li class="fl">女装内衣</li>
                        <li class="fl">热销男装</li>
                        <li class="fl">精品鞋靴</li>
                    </ul>
                </div>
                <!-- 线 -->
                <div class="Line"></div>
            </div>
            <div class="bigbox active">
                <!-- 左边盒子 -->
                <div class="leftbox fl">
                    <a href="">
                        <img src="../imgs/index7_17.jpg" alt="">
                    </a>
                    <div class="text">
                        <p><a href="">中小学教辅</a>
                            <a href="">外语</a>
                            <a href="">考试</a>
                        </p>
                        <p><a href="">小说</a>
                            <a href="">文学</a>
                            <a href="">青春文学</a>
                        </p>
                        <p><a href="">成功\励志</a>
                            <a href="">管理</a>
                            <a href="">历史</a>
                        </p>
                        <p><a href="">哲学\宗教</a>
                            <a href="">亲子\家教</a>
                            <a href="">全部分类></a>
                        </p>
                    </div>
                </div>
                <!-- 中间轮播盒子 -->
                <div class="cennerbox fl">
                    <!-- 轮播图 -->
                    <div class="pptbox slider fl">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (1).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (3).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (4).jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!-- 轮播图下面的东西 -->
                    <div class="img">
                        <a href="">
                            <img src="../imgs/index11_08.jpg" alt="">
                        </a>
                    </div>
                </div>
                <!-- 右边盒子 -->
                <div class="rightbox clearfix">
                    <!-- 右边的盒子 -->
                    <div class="rightbox1">
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bigbox">
                <!-- 左边盒子 -->
                <div class="leftbox fl">
                    <a href="">
                        <img src="../imgs/index7_17.jpg" alt="">
                    </a>
                    <div class="text">
                        <p><a href="">高小学教辅</a>
                            <a href="">外语</a>
                            <a href="">考试</a>
                        </p>
                        <p><a href="">小说</a>
                            <a href="">文学</a>
                            <a href="">青春文学</a>
                        </p>
                        <p><a href="">成功\励志</a>
                            <a href="">管理</a>
                            <a href="">历史</a>
                        </p>
                        <p><a href="">哲学\宗教</a>
                            <a href="">亲子\家教</a>
                            <a href="">全部分类></a>
                        </p>
                    </div>
                </div>
                <!-- 中间轮播盒子 -->
                <div class="cennerbox fl">
                    <!-- 轮播图 -->
                    <div class="pptbox slider fl" >
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (1).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (3).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (4).jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!-- 轮播图下面的东西 -->
                    <div class="img">
                        <a href="">
                            <img src="../imgs/index11_08.jpg" alt="">
                        </a>
                    </div>
                </div>
                <!-- 右边盒子 -->
                <div class="rightbox clearfix">
                    <!-- 右边的盒子 -->
                    <div class="rightbox1">
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
             <div class="bigbox">
                <!-- 左边盒子 -->
                <div class="leftbox fl">
                    <a href="">
                        <img src="../imgs/index7_17.jpg" alt="">
                    </a>
                    <div class="text">
                        <p><a href="">大小学教辅</a>
                            <a href="">外语</a>
                            <a href="">考试</a>
                        </p>
                        <p><a href="">小说</a>
                            <a href="">文学</a>
                            <a href="">青春文学</a>
                        </p>
                        <p><a href="">成功\励志</a>
                            <a href="">管理</a>
                            <a href="">历史</a>
                        </p>
                        <p><a href="">哲学\宗教</a>
                            <a href="">亲子\家教</a>
                            <a href="">全部分类></a>
                        </p>
                    </div>
                </div>
                <!-- 中间轮播盒子 -->
                <div class="cennerbox fl">
                    <!-- 轮播图 -->
                    <div class="pptbox slider fl">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (1).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (3).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (4).jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!-- 轮播图下面的东西 -->
                    <div class="img">
                        <a href="">
                            <img src="../imgs/index11_08.jpg" alt="">
                        </a>
                    </div>
                </div>
                <!-- 右边盒子 -->
                <div class="rightbox clearfix">
                    <!-- 右边的盒子 -->
                    <div class="rightbox1">
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 下面图片 -->
            <div class="bottonbox">
                <a href="">
                    <img src="../imgs/logo13_11.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_12.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_13.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_14.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_15.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_16.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_17.jpg" alt="">
                </a>
            </div>
        </div>
    </div>

<!-- outdoor  户外-->
    <div class="outdoor">
        <!-- 版心 -->
        <div class="wrap clearfix">
            <!-- 上面的字 -->
            <div class="topbox clearfix">
                <p class="fl">户外运动</p>
                <div class="btns fr clearfix">
                    <ul>
                        <li class="fl onoo">国际名品</li>
                        <li class="fl">户外装备</li>
                        <li class="fl">运动潮流</li>
                    </ul>
                </div>
                <!-- 线 -->
                <div class="Line"></div>
            </div>
            <div class="bigbox active">
                <!-- 左边盒子 -->
                <div class="leftbox fl">
                    <a href="">
                        <img src="../imgs/index7_17.jpg" alt="">
                    </a>
                    <div class="text">
                        <p><a href="">中小学教辅</a>
                            <a href="">外语</a>
                            <a href="">考试</a>
                        </p>
                        <p><a href="">小说</a>
                            <a href="">文学</a>
                            <a href="">青春文学</a>
                        </p>
                        <p><a href="">成功\励志</a>
                            <a href="">管理</a>
                            <a href="">历史</a>
                        </p>
                        <p><a href="">哲学\宗教</a>
                            <a href="">亲子\家教</a>
                            <a href="">全部分类></a>
                        </p>
                    </div>
                </div>
                <!-- 中间轮播盒子 -->
                <div class="cennerbox fl">
                    <!-- 轮播图 -->
                    <div class="pptbox slider fl" >
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (1).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (3).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (4).jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!-- 轮播图下面的东西 -->
                    <div class="img">
                        <a href="">
                            <img src="../imgs/index11_08.jpg" alt="">
                        </a>
                    </div>
                </div>
                <!-- 右边盒子 -->
                <div class="rightbox clearfix">
                    <!-- 右边的盒子 -->
                    <div class="rightbox1">
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bigbox">
                <!-- 左边盒子 -->
                <div class="leftbox fl">
                    <a href="">
                        <img src="../imgs/index7_17.jpg" alt="">
                    </a>
                    <div class="text">
                        <p><a href="">高小学教辅</a>
                            <a href="">外语</a>
                            <a href="">考试</a>
                        </p>
                        <p><a href="">小说</a>
                            <a href="">文学</a>
                            <a href="">青春文学</a>
                        </p>
                        <p><a href="">成功\励志</a>
                            <a href="">管理</a>
                            <a href="">历史</a>
                        </p>
                        <p><a href="">哲学\宗教</a>
                            <a href="">亲子\家教</a>
                            <a href="">全部分类></a>
                        </p>
                    </div>
                </div>
                <!-- 中间轮播盒子 -->
                <div class="cennerbox fl">
                    <!-- 轮播图 -->
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (1).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (3).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (4).jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!-- 轮播图下面的东西 -->
                    <div class="img">
                        <a href="">
                            <img src="../imgs/index11_08.jpg" alt="">
                        </a>
                    </div>
                </div>
                <!-- 右边盒子 -->
                <div class="rightbox clearfix">
                    <!-- 右边的盒子 -->
                    <div class="rightbox1">
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bigbox">
                <!-- 左边盒子 -->
                <div class="leftbox fl">
                    <a href="">
                        <img src="../imgs/index7_17.jpg" alt="">
                    </a>
                    <div class="text">
                        <p><a href="">大小学教辅</a>
                            <a href="">外语</a>
                            <a href="">考试</a>
                        </p>
                        <p><a href="">小说</a>
                            <a href="">文学</a>
                            <a href="">青春文学</a>
                        </p>
                        <p><a href="">成功\励志</a>
                            <a href="">管理</a>
                            <a href="">历史</a>
                        </p>
                        <p><a href="">哲学\宗教</a>
                            <a href="">亲子\家教</a>
                            <a href="">全部分类></a>
                        </p>
                    </div>
                </div>
                <!-- 中间轮播盒子 -->
                <div class="cennerbox fl">
                    <!-- 轮播图 -->
                    <div class="pptbox fl  slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (1).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (3).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/1 (4).jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!-- 轮播图下面的东西 -->
                    <div class="img">
                        <a href="">
                            <img src="../imgs/index11_08.jpg" alt="">
                        </a>
                    </div>
                </div>
                <!-- 右边盒子 -->
                <div class="rightbox clearfix">
                    <!-- 右边的盒子 -->
                    <div class="rightbox1">
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 下面图片 -->
            <div class="bottonbox">
                <a href="">
                    <img src="../imgs/logo13_11.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_12.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_13.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_14.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_15.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_16.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_17.jpg" alt="">
                </a>
            </div>
        </div>
    </div>

<!-- Children 童装 -->
    <div class="Children">
        <!-- 版心 -->
        <div class="wrap clearfix">
            <!-- 上面的字 -->
            <div class="topbox clearfix">
                <p class="fl">童装 童鞋 婴儿装</p>
                <div class="btns fr clearfix">
                    <ul>
                        <li class="fl">儿童服装</li>
                        <li class="fl">婴儿装</li>
                        <li class="fl">小潮童鞋</li>
                    </ul>
                </div>
                <!-- 线 -->
                <div class="Line"></div>
            </div>
            <div class="bigbox active">
                <!-- 左边盒子 -->
                <div class="leftbox fl">
                    <a href="">
                        <img src="../imgs/index7_17.jpg" alt="">
                    </a>
                    <div class="text">
                        <p><a href="">中小学教辅</a>
                            <a href="">外语</a>
                            <a href="">考试</a>
                        </p>
                        <p><a href="">小说</a>
                            <a href="">文学</a>
                            <a href="">青春文学</a>
                        </p>
                        <p><a href="">成功\励志</a>
                            <a href="">管理</a>
                            <a href="">历史</a>
                        </p>
                        <p><a href="">哲学\宗教</a>
                            <a href="">亲子\家教</a>
                            <a href="">全部分类></a>
                        </p>
                    </div>
                </div>
                <!-- 中间轮播盒子 -->
                <div class="cennerbox fl">
                    <!-- 轮播图 -->
                    <div class="pptbox fl  slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (1).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (3).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (4).jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!-- 轮播图下面的东西 -->
                    <div class="img">
                        <a href="">
                            <img src="../imgs/index11_08.jpg" alt="">
                        </a>
                    </div>
                </div>
                <!-- 右边盒子 -->
                <div class="rightbox clearfix">
                    <!-- 右边的盒子 -->
                    <div class="rightbox1">
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bigbox">
                <!-- 左边盒子 -->
                <div class="leftbox fl">
                    <a href="">
                        <img src="../imgs/index7_17.jpg" alt="">
                    </a>
                    <div class="text">
                        <p><a href="">高小学教辅</a>
                            <a href="">外语</a>
                            <a href="">考试</a>
                        </p>
                        <p><a href="">小说</a>
                            <a href="">文学</a>
                            <a href="">青春文学</a>
                        </p>
                        <p><a href="">成功\励志</a>
                            <a href="">管理</a>
                            <a href="">历史</a>
                        </p>
                        <p><a href="">哲学\宗教</a>
                            <a href="">亲子\家教</a>
                            <a href="">全部分类></a>
                        </p>
                    </div>
                </div>
                <!-- 中间轮播盒子 -->
                <div class="cennerbox fl">
                    <!-- 轮播图 -->
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (1).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (3).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (4).jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!-- 轮播图下面的东西 -->
                    <div class="img">
                        <a href="">
                            <img src="../imgs/index11_08.jpg" alt="">
                        </a>
                    </div>
                </div>
                <!-- 右边盒子 -->
                <div class="rightbox clearfix">
                    <!-- 右边的盒子 -->
                    <div class="rightbox1">
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bigbox">
                <!-- 左边盒子 -->
                <div class="leftbox fl">
                    <a href="">
                        <img src="../imgs/index7_17.jpg" alt="">
                    </a>
                    <div class="text">
                        <p><a href="">大小学教辅</a>
                            <a href="">外语</a>
                            <a href="">考试</a>
                        </p>
                        <p><a href="">小说</a>
                            <a href="">文学</a>
                            <a href="">青春文学</a>
                        </p>
                        <p><a href="">成功\励志</a>
                            <a href="">管理</a>
                            <a href="">历史</a>
                        </p>
                        <p><a href="">哲学\宗教</a>
                            <a href="">亲子\家教</a>
                            <a href="">全部分类></a>
                        </p>
                    </div>
                </div>
                <!-- 中间轮播盒子 -->
                <div class="cennerbox fl">
                    <!-- 轮播图 -->
                    <div class="pptbox fl slider">
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (1).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/ (3).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/2 (4).jpg" />
                                </a>
                            </li>
                        </ul>
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <!-- 轮播图下面的东西 -->
                    <div class="img">
                        <a href="">
                            <img src="../imgs/index11_08.jpg" alt="">
                        </a>
                    </div>
                </div>
                <!-- 右边盒子 -->
                <div class="rightbox clearfix">
                    <!-- 右边的盒子 -->
                    <div class="rightbox1">
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                        <div class="fl">
                            <a href="">
                                <img src="../imgs/index12_05.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 下面图片 -->
            <div class="bottonbox">
                <a href="">
                    <img src="../imgs/logo13_11.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_12.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_13.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_14.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_15.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_16.jpg" alt="">
                </a>
                <a href="">
                    <img src="../imgs/logo13_17.jpg" alt="">
                </a>
            </div>
        </div>
    </div>



    <script src="../jQ/lib/jquery.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/lunbo.js"></script>
    <script src="../js/xuanxiangka.js"></script>
    <script src="../js/jquery.slidebox.js"></script>
</body>

</html>